<template>
  <view class="systemMessage-container">
    <customtop top_title="系统通知"></customtop>

    <view :style="{ marginTop: '30px' }" v-if="list.length == 0">
      <u-empty
        mode="data"
        icon="http://cdn.uviewui.com/uview/empty/data.png"
        text="暂无报名人员~"
      >
      </u-empty>
    </view>
    <view class="message-container" v-if="list.length > 0">
      <template v-for="(item, index) in list">
        <card :key="index" :item="item"></card>
      </template>
      <!-- <view class="message-box" v-for="(item, index) in list" :key="index">
        <view class="message-title center">{{ item.createtime }}</view>
        <view class="message-item-container">
          <view class="message-item">
            <view class="item-text-1"> 标题: </view>
            <view class="item-text-3">
              {{ item.title }}
            </view>
          </view>
          <view class="message-item">
            <view class="item-text-1"> 状态: </view>
            <view class="item-text-2">
              {{ item.nr }}
            </view>
          </view>
        </view>
      </view> -->
    </view>
  </view>
</template>

<script>
import customtop from "@/components/customtop.vue";
import card from "@/components/card/card.vue";
import { request } from "@/utils/http.js";
export default {
  components: { customtop, card },
  data() {
    return {
      list: [],
    };
  },
  onLoad(options) {
    console.log(11);
    this.getList();
  },
  methods: {
    getList() {
      request
        .post("/xiangmushe/getTongzhi")
        .then((res) => {
          console.log(res);
          this.list = res.data;
        })
        .catch((err) => {});
    },
  },
};
</script>

<style lang="scss" scoped>
.message-container {
  padding: 20rpx;
  box-sizing: border-box;
}
</style>
